<template>
  <view class="flex-col section_3">
    <view class="flex-row items-center group_3 space-x-30">
       <!-- <text class="font_3 text_5">{{message}}</text> -->
	   <text class="font_3 text_5" style="max-width: 260rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">{{message}}</text>

	  <image class="shrink-0 image_8" src="../../static/images/096eb450dce886c51708b4bdb0fa376a.png" />
    </view>
    <view class="flex-row items-center group_5 space-x-62" @click="navTo('/pages/laboratorymanage/laboratorymanage')">
      <text class="font_3 text_11">实验室管理</text>
      <image class="shrink-0 image_10" src="../../static/images/d23369b06bf66e011b5745262a432e87.png" />
    </view>
  </view>
</template>

<script>
  export default {
    components: {},
	props:['message'],
    data() {
      return {
		  /* props:['nickname'], */
	  };
    },

    methods: {
		navTo(url){
			uni.navigateTo({
				url:url,
				success(res) {
					console.log('成功啦',res);
				},
				fail(err) {
					console.log('失败啦',err);
				}
			})
		},
		
	},
  };
</script>

<style scoped lang="scss">
  .section_3 {
    padding-bottom: 47.92rpx;
    background-image: linear-gradient(0deg, #ffffff 48.2%, #128F87 50.9%);
    border-radius: 50rpx;
	z-index: 99999; /* 设置较高的 z-index 值 */
    .group_3 {
      padding: 54.17rpx 39.58rpx 41.67rpx 54.17rpx;
      border-bottom: solid 2.08rpx #a6a6a6;
      .text_5 {
        color:  #ffffff;
      }
      .image_8 {
        width: 25rpx;
        height: 18.75rpx;
      }
    }
    .space-x-30 {
      & > view:not(:first-child),
      & > text:not(:first-child),
      & > image:not(:first-child) {
        margin-left: 62.5rpx;
      }
    }
    .group_5 {
      padding: 37.5rpx 27.08rpx 0 54.17rpx;
      .text_11 {
        color: #000000;
        //text-shadow: 0 2.08rpx #000000, 0 -2.08rpx #000000, 2.08rpx 0 #000000, -2.08rpx 0 #000000;
      }
      .image_10 {
        width: 50rpx;
        height: 50rpx;
      }
    }
    .space-x-62 {
      & > view:not(:first-child),
      & > text:not(:first-child),
      & > image:not(:first-child) {
        margin-left: 129.17rpx;
      }
    }
    .font_3 {
      font-size: 37.5rpx;
      font-family: SourceHanSansCN;
      line-height: 35.42rpx;
      font-weight: normal;//700
    }
  }
</style>